<head>

    <style type="text/css">

        #incomming_chat
        {
        	right: 0;
            top: 60px;
            position:absolute;
            width: 470px;
        }
        
        .done_text{
        	overflow: visible;
            position: relative;
            float: right;
            border: 0;
            padding: 0;
        	margin-top:-31px;
            cursor: pointer;
            height: 31px;
            width: 20px;
            font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
            color: #fff;
            text-transform: uppercase;
            background: #86B520;   
        }
        
        #add_done_text span{
        	display: block;
        	line-height: 200%;
        	border: 1px solid green;
        }
        
        .haid_dialog{
        	display: none !important;
        }
        
        .anti_haid_dialog{
        	display: block !important;
        }

        #all_chat
        {
        	width: 450px;
            margin-top: 15px;
        	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        	font-size: 12px;
        	text-align: center;
        	border-collapse: collapse;
        	border-top: 7px solid #8FC122;
        	border-bottom: 7px solid #8FC122;
        }
        #all_chat th
        {
        	font-size: 13px;
        	font-weight: normal;
        	padding: 8px;
        	background: #F2FBE6;
        	border-right: 1px solid #8FC122;
        	border-left: 1px solid #8FC122;
        	color: #039;
        }
        #all_chat td
        {
        	padding: 8px;
        	background: #F2FBE6; 
        	border-right: 1px solid #8FC122;
        	border-left: 1px solid #8FC122;
        	color: #669;
        }

        
        #mini_chat{        	
        	bottom: 0;
        	position:fixed;
        	width: 100%;
        	       	
        }
        
        .chat_form{
        	width: 255px;
        	height: 250px;
        	padding: 4px;
        	float: left;
        	margin-left: 5px; 
        	background: #BEBEBE;
        	border-radius: 4px;
        	overflow: hidden;
        }
        
        .chat_body{
        	width: 254px;
        	height: 185px;
        	border: 1px solid #BEBEBE;
        	overflow-y: scroll;
        	background: white;
        }
        
        .chat_body span{
        	font-size: 11.5px;
        }
        
        #chat_body_process{
        	display: block;
        	padding: 2px 0;
        }
        
        .chat_enter{
        	width: 232px;
        	margin-top: 5px;
        	height: 25px;
        }
        
        .chat_head{
        	display: block;
        	width: 251px;
        	background: #86B520;
        	padding: 2px;
        	float: left;
        	margin-bottom: 2px;
        }
        
        .chat_head span{
        	display: block;
        	float: left;
        	color: white;
        	margin-top: 2px;
        	cursor: pointer;
        }
        
        .chat_head button{   
        	border: none;     	
	        float: right;
        	background: #86B520;
        	color: white;
        	cursor: pointer;
        }
        #chat_1, #chat_2, #chat_3, #chat_4, #chat_5{
        	display: none;
        }
        
        #chat_2 .chat_head,#chat_2 .chat_head button{
        	background: #E64A45;
        }
        
        #chat_3 .chat_head,#chat_3 .chat_head button{
        	background: #257E78;
        }
        
        #chat_4 .chat_head,#chat_4 .chat_head button{
        	background: #29264E;
        }
        
        #chat_5 .chat_head,#chat_5 .chat_head button{
        	background: #00904B;
        }

    </style>
    
    <script type="text/javascript">
    		var aJaxURL	= "server-side/chat_live/chat.action.php";		//server side folder url
    		var aJaxURL1	= "server-side/call/incomming.action.php";		//server side folder url
    		var tName	= "example";										//table name
    		var fName	= "add-edit-form";									//form name
    		var n = 0;
    		var audio = 0;
    		var stop1 = 0;
    		var stop2 = 0;
    		var stop3 = 0;
    		var stop4 = 0;
    		var stop5 = 0;
    		
    		$(document).ready(function () {
    			GetButtons("add_button", "","");
    			
    			LoadTable();
    			//SetEvents("", "", "", tName, fName, aJaxURL1);
    			timer(0);    						    			
    		});

    		$(document).on("click", "#add_button", function () {
    			//opendialog('','');
    		});

    		function LoadTable(){
    			/* Table ID, aJaxURL, Action, Colum Number, Custom Request, Hidden Colum, Menu Array */
    			GetDataTable(tName, aJaxURL, "get_list",9, "", 0, "", 1, "desc");
    		}

    		$(document).on("click", ".add-edit-form-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);    			
  			});
    		$(document).on("click", ".add-edit-form1-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add-edit-form2-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add-edit-form3-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add-edit-form4-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add-edit-form5-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add_done_text-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
    			$(".add-edit-form-class").css('z-index', 30);
    			$(".add-edit-form1-class").css('z-index', 30);
    			$(".add-edit-form2-class").css('z-index', 30);
    			$(".add-edit-form3-class").css('z-index', 30);
    			$(".add-edit-form4-class").css('z-index', 30);
    			$(".add-edit-form5-class").css('z-index', 30);
    			$(".add_done_text-class").css('z-index', 30);
  			});
  			
    		$(document).on("click", "#mini_chat", function () {
    			$(this).css('z-index', 9999);
    			$(".add-edit-form-class").css('z-index', 30);
    			$(".add-edit-form1-class").css('z-index', 30);
    			$(".add-edit-form2-class").css('z-index', 30);
    			$(".add-edit-form3-class").css('z-index', 30);
    			$(".add-edit-form4-class").css('z-index', 30);
    			$(".add-edit-form5-class").css('z-index', 30);
    			$(".add_done_text-class").css('z-index', 30);
    			
  			});

    		function hidden_dialog(hidd){
    		    if(hidd == 1){
    		    	$( ".add-edit-form1-class" ).removeClass( "haid_dialog" );    		    	
    		    	$( ".add-edit-form1-class" ).addClass( "anti_haid_dialog" );    		    		    	
	        		$( ".add-edit-form2-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).addClass( "haid_dialog" );

	        		$( ".add-edit-form2-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form3-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form4-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form5-class" ).removeClass( "anti_haid_dialog" ); 
    		    }
    		    if(hidd == 2){
    		    	$( ".add-edit-form1-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).removeClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).addClass( "anti_haid_dialog" ); 
	        		$( ".add-edit-form3-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).addClass( "haid_dialog" );

	        		$( ".add-edit-form1-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form3-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form4-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form5-class" ).removeClass( "anti_haid_dialog" );
    		    }
    		    if(hidd == 3){
    		    	$( ".add-edit-form1-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).removeClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).addClass( "anti_haid_dialog" ); 
	        		$( ".add-edit-form4-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).addClass( "haid_dialog" );

	        		$( ".add-edit-form1-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form2-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form4-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form5-class" ).removeClass( "anti_haid_dialog" );
    		    }
    		    if(hidd == 4){
    		    	$( ".add-edit-form1-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).removeClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).addClass( "anti_haid_dialog" ); 
	        		$( ".add-edit-form5-class" ).addClass( "haid_dialog" );
	        		
	        		$( ".add-edit-form1-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form2-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form3-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form5-class" ).removeClass( "anti_haid_dialog" );
    		    }
    		    if(hidd == 5){
    		    	$( ".add-edit-form1-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).removeClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).addClass( "anti_haid_dialog" ); 

	        		
	        		$( ".add-edit-form1-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form2-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form3-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form4-class" ).removeClass( "anti_haid_dialog" );
    		    }
    		}

    	
    		function LoadDialog(fnamenum){

    			/* Dialog Form Selector Name, Buttons Array */
    			GetDialog(fnamenum, 1200, "auto", "chat");
    			$( "#davaleba, #send_mail" ).remove();  			
    						
    			var id = $("#incomming_id").val();
    			var cat_id = $("#category_parent_id").val();
    			$( ".calls" ).button({
    			      icons: {
    			        primary: " ui-icon-contact"
    			      }
    			});
    			$( ".download" ).button({
    			    
    			});
    			
    		}
		function checker(key,ccc){
        		
    			param 			= new Object();

    			if(key == 0){
        			param.act    = 'checker';
        			
            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
        					$("#incomming_chat").html(data.chat);   
        					timer(0);     					
        			    }
        		    });            		
    			}    			
    			
    			
    		}

    		function timer(key1) {
    			setTimeout(function() {
    				checker(key1);    				
 				}, 1000);
			}

    		
    	
    
    </script>
</head>

<body>
    <table style="width: 800px; margin: 0 0 0 50px; padding-top:50px; display: block;">
    		<tr>
    			<td>
                	<h2 align="center">შემომავალი ჩათი</h2>
                	<div id="button_area">
            		</div>
                    <table class="display" id="example">
                        <thead>
                            <tr id="datatable_header">
                                <th>ID</th>
                                <th style="width: 30%;" >№</th>
                                <th style="width: 70%;">თარიღი</th>
                                <th style="width: 100%;">კატეგორია</th>
                                <th style="width: 60%;">სახელი</th>
                                <th style="width: 100%;">შინაარსი</th>
                            </tr>
                        </thead>
                        <thead>
                            <tr class="search_header">
                                <th class="colum_hidden">
                                	<input type="text" name="search_id" value="ფილტრი" class="search_init" style=""/>
                                </th>
                                <th>
                                	<input style="width: 30px;" type="text" name="search_number" value="" class="search_init" style=""></th>
                                <th>
                                    <input type="text" name="search_date" value="ფილტრი" class="search_init" style="width: 100px;"/>
                                </th>                            
                                <th>
                                    <input type="text" name="search_category" value="ფილტრი" class="search_init" style="width: 80px;" />
                                </th>
                                <th>
                                    <input type="text" name="search_phone" value="ფილტრი" class="search_init" style="width: 90px;"/>
                                </th>
                                <th>
                                    <input type="text" name="search_category" value="ფილტრი" class="search_init" style="width: 90px;" />
                                </th>
                                
                            </tr>
                        </thead>
                    </table>
                </td>    		
    	   </tr>
    </table>

        <div id="incomming_chat">
        
        </div>
        
        <div id="mini_chat">
        
                    <div id="chat_1" class="chat_form">
                        <input type="text" value="" id="id_1" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(1)"><span id="name_1" onclick="minimize_chat(1)"></span> <button onclick="close_chat(1)">x</button> </span>
                        <div id="message_1" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_1" placeholder="შეიყვანეთ ტექსტი" >
                        <button id="done_text" onclick="opendonetext(1)" class="done_text">^</button>
                    </div>

                    <div id="chat_2" class="chat_form" >
                        <input type="text" value="" id="id_2" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(2)"><span id="name_2" onclick="minimize_chat(2)"></span> <button onclick="close_chat(2)">x</button> </span>
                        <div id="message_2" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_2" placeholder="შეიყვანეთ ტექსტი"   >
                        <button id="done_text" onclick="opendonetext(2)" class="done_text">^</button>
                    </div>

                    <div id="chat_3" class="chat_form" >
                        <input type="text" value="" id="id_3" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(3)"><span id="name_3" onclick="minimize_chat(3)"></span> <button onclick="close_chat(3)">x</button> </span>
                        <div id="message_3" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_3" placeholder="შეიყვანეთ ტექსტი"   >
                        <button id="done_text" onclick="opendonetext(3)" class="done_text">^</button>
                    </div>

                    <div id="chat_4" class="chat_form" >
                        <input type="text" value="" id="id_4" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(4)"><span id="name_4" onclick="minimize_chat(4)"></span> <button onclick="close_chat(4)">x</button> </span>
                        <div id="message_4" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_4" placeholder="შეიყვანეთ ტექსტი"  >
                        <button id="done_text" onclick="opendonetext(4)" class="done_text">^</button>
                    </div>

                    <div id="chat_5" class="chat_form" >
                        <input type="text" value="" id="id_5" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(5)"><span id="name_5" onclick="minimize_chat(5)"></span> <button onclick="close_chat(5)">x</button> </span>
                        <div id="message_5" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_5" placeholder="შეიყვანეთ ტექსტი"  >
                        <button id="done_text" onclick="opendonetext(5)" class="done_text">^</button>
                    </div>

        </div>
    
    <!-- jQuery Dialog -->
    <div  id="add-edit-form" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form1" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form2" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form3" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form4" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form5" class="form-dialog" title="ჩატი">
	</div>
	<audio id="sms1" src="media/swf/1.mp3" ></audio>
	<audio id="sms2" src="media/swf/2.mp3" ></audio>
	<audio id="sms3" src="media/swf/3.mp3" ></audio>
	<audio id="sms4" src="media/swf/4.mp3" ></audio>
	<audio id="sms5" src="media/swf/5.mp3" ></audio>
	<audio id="audio1" src="media/swf/chat_start.mp3" ></audio>
	
	<div id="add_done_text" class="form-dialog" title="მზა შეტყობინებები">
	
	<span>გამარჯობა გისმენთ!</span>
	
    <span>მანიმენის ელ-ფოსტა: support@moneyman.ge</span>
            
    <span>თქვენი სახელი, გვარი</span>
            
    <span>ცხელი ხაზი : 2 47 00 17</span>
            
    <span>გამარჯობა, რით შეგვიძლია დაგეხმაროთ?</span>
            
    <span>დამელოდეთ , გადავამოწმებთ ინფორმაციას !</span>
            
    <span>მანიმენის ვებ–გვერდზე MoneyMan.ge უნდა გაიაროთ რეგისტრაცია და შეავსოთ განაცხადი სესხის მიღებაზე</span>
            
    <span>გ ა დ ა ვ ა დ ე ბ ა : პირად კაბინეტში ჯერ უნდა გაკეთდეს განაცხადი გადავადებაზე და შემდეგ გადაიხადოთ გადავადების საფასური / შედიხართ ღია სესხში, ვადის დამატებითი გადაცილება, გამოყენება–ზე დააკლიკებთ, შემდეგ მიუთითებთ რამდენი დღით გინდათ ვადის გახანგრძლივება. შესაძლებელია: 7,14,21 და 28 დღით. განაცხადის გაკეთების შემდეგ გადაიხდით გადავადების საფასურს 24 საათის განმავლობაში.</span>
            
    <span>თ ა ნ ხ ი ს გადახდა ( სესხის დაფარვა , გადავადების თანხა ) შესაძლებელია : 1) ნებისმიერი ბანკიდან მანიმენის ანგარიშზე 2) სწრაფი ჩარიცხვის აპარატებიდან: თბს ფეის და საქართველოს ექსპრესს ფეის აპარატიდან 3) ონლაინ ინტერნეტბანკიდან 4) საბანკო ბარათით – პირადი კაბინეტიდან.</span>
            
    <span>I სესხი 50 ლარიდან 500 ლარის ოდენობით; II სესხი 50 ლარიდან 700 ლარის ოდენობით; III სესხი 800 ლარი; IV სესხი 900ლარი; V სესხი 1 000 ლარის ოდენობით.</span>
            
    <span>კითხვების შემთხვევაში შეგიძლიათ ასევე დაგვიკავშირდეთ ცხელ ხაზზე 2 47 00 17</span>
            
    <span>ჩამონათვალი ჩამოშალეთ და რომელიც შეესაბამება ის მიუთითეთ</span>
            
    <span>გამარჯობა, რით შემიძლია დაგეხმაროთ?</span>
            
    <span>მომწერეთ თქვენი სახელი გვარი და პირადი ნომერი, გადავამოწმებთ ინფორმაციას!</span>
            
    <span>კიდევ ხომ არ გაქვთ კითხვა?</span>
            
    <span>500 ლარის წინასწარ დამტკიცება ნიშნავს, რომ შეგიძლიათ შებრძანდეთ moneyman.ge-ზე და მოითხოვოთ სესხი 50-500 ლარამდე. საკრედიტო განიხილავს თქვენს განხადებას, დაგიკავშირდებათ ინფორმაციის გადასამოწმებლად და ამის შემდეგ 10-15 წუთში შეიტყობთ საბოლოო პასუხს.</span>
            
    <span>მანიმენის საბანკო რეკვიზიტები შპს „ონლაინ ფაინენს“ თიბისი ბანკის ანგარიშის ნომერი: GE20 TB73 7293 6080 1000 04</span>
            
    <span>აქ ბრძანდებით?</span>
            
    <span>განაცხადი უნდა შეივსოს ქართული შრიფტით,კოპირების გარეშე</span>
            
    <span>დოკუმენტის ნომერი გახლავთ,პირადობაზე სურათის ქვემოთ მითითებული ნომერი</span>
            
    <span>ნებისმიერი მონაცემის შეცვლისას, როდესაც თქვენ ვერ ცვლით მონაცემებს შეგიძლიათ გადმოგვიგზავნოთ დასკანერებული პირადობა (ან გადაუღოთ კარგი ხარისხის ფოტო სურათი) და მიუთითოთ ინფორმაცია რომლის შეცვლაც გსურთ. შეტყობინება უნდა გადმოაგზავნოთ support@moneyman.ge-მისამართზე</span>
            
    <span>გადაუწყვეტელია თქვენი სესხის სტატუსი, საკრედიტო განყოფილება მუშაობას განაახლებს ორშაბათს და სესხებიც შესაბამისად ორშაბათიდან განიხილება.</span>
            
    <span>ქართული შრიფტით შეავსეთ განაცხადი</span>
	
	</div>
</body>